<template>
  <div>
    <div>
      <ul>
        <li v-for="item in list" :key="item.id">
          <!-- 这就是作用域插槽，将父组件传过来的数据中的item项返回到父组件，从而在父页面渲染出item.uname -->
          <slot :row="item"> {{ item.uname }}</slot>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    list: {
      type: Array,
      // 这句的意思是通过数组的方式传值
      default: () => []
    }
  }
}
</script>
